<template>
  <div class="error">
    <div class="info">404</div>
  </div>
</template>

<script>
// @ is an alias to /src

export default {
  components: {},
}
</script>
<style lang="less">
.error {
  width: 100%;
  height: calc(100vh);
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../../assets/404.png');
  .back {
    position: absolute;
    bottom: 150px;
    left: 50%;
    a {
      color: #10aeff;
      text-decoration: none;
    }
  }
  .info {
    position: absolute;
    left: 30%;
    top: 40%;
    font-size: 150px;
    color: #10aeff;
    transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
  }
}
</style>
